<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/calendarUnlimited.css"/>
    <style>
        .swipe {
            overflow: hidden;
            visibility: hidden;
            position: relative;
        }
        .swipe-wrap {
            overflow: hidden;
            position: relative;
        }
        .swipe-wrap > div {
            float:left;
            width:100%;
            position: relative;
        }
        .flex{display: -webkit-box; display: -webkit-flex; display: flex;}
        html,body{
            background-color: white;
        }
        .not-active {
            display: none;
        }
    </style>
</head>
<body>
    <div style="width: 100%; height: 100%;">
        <div style="width: 100%; height: 0.60rem"></div>
        <div class="flex" style="width: 100%; justify-content: center;">
            <div style="width: 1.66rem; height: 1.48rem; background-size: 1.66rem 1.48rem; background-image: url('../../image/inquiry/success-icon.png')"></div>
        </div>
        <div class="flex" style="width: 100%; justify-content: center; margin-top: 0.20rem;">
            <p style="font-size: 0.24rem; color: #231313; line-height: 0.33rem;">预约成功！</p>
        </div>
        <div class="flex" style="width: 100%; justify-content: center; margin-top: 0.08rem;">
            <p id="name" style="font-size: 0.14rem; color: #231313; line-height: 0.20rem; font-weight: 200"></p>
        </div>
        <div class="flex" style="width: 100%; justify-content: center; margin-top: 0.08rem;">
            <p id="date" style="font-size: 0.20rem; color: #A0522C; line-height: 0.28rem; font-weight: 500"></p>
        </div>
        <div class="flex" style="width: 100%; justify-content: center; margin-top: 0.08rem; flex-wrap: wrap">
            <p style="width: 100%; font-size: 0.14rem; color: #231313; line-height: 0.20rem; font-weight: 200; text-align: center;">请在预约时间前</p>
            <p style="width: 100%; font-size: 0.14rem; color: #231313; line-height: 0.20rem; font-weight: 200; text-align: center;">打开app进行连线问诊</p>
        </div>
    </div>
</body>
</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common/common.js"></script>
<script type="text/javascript" src="../../script/common/swiper/swipe.js"></script>
<script type="text/javascript" src="../../script/common/calendarUnlimited.js"></script>
<script type="text/javascript">
    var nameEl, dateEl;
    apiready = function () {
        nameEl = $api.byId("name");
        dateEl = $api.byId("date");
        var date = new Date(api.pageParam.date);
        var month = date.getMonth()+1;
        if (month<10) {
            month = "0" + month;
        }
        var day = date.getDate();
        if (day<10) {
            day = "0" + day;
        }

        $api.text(nameEl, "您已成功预约" + api.pageParam.name + "视频连线问诊");
        $api.text(dateEl, date.getFullYear() + "." + month + "." + day + "  " + api.pageParam.time_begin + "-" + api.pageParam.time_end);
    }
</script>
